<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h4>1、外部链接</h4>
    <a href="http://www.qq.com" target="_blank">腾讯</a>

    <h4>内部链接</h4>
    <a href="gsjj.html">公司简介</a>

    <h4>空链接</h4>
    <a href="#">公司网址</a>

    <h4>下载链接：地址的链接是文件 .exe,zip 等</h4>
    <a href="img.zip">公司网址</a>

    <h4>网页元素链接</h4>
    <a href="http://www.baidu.com"><img sizes="image.jpg"></a>

    <h4>锚点链接</h4>
    <a href="#two">跳转到Id 为 two的标签（生活方式）</a>

    <h3 id="two">生活方式</h3>

    <h4>特殊字符</h4>
    <span> 空格：&nbsp;</span>
    <span> 小于：&lt;</span>

    <h4>表格</h4>
    <table align="center" width="500" height="'249'" border="1" cellpadding="0">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小明</td>
                <td>男</td>
                <td>12</td>
            </tr>

        </tbody>
    </table>


    <h4>合并表格</h4>
    <table align="center" width="500" height="'249'" border="1" cellpadding="0">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小明</td>
                <td>男</td>
                <td>12</td>
            </tr>
            <tr>
                <td>小明</td>
                <!-- 合并左右单元格 -->
                <td colspan="2"></td>
            </tr>
            <tr>
                <!-- 合并上下两个单元格 -->
                <td rowspan="2">小明</td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>12</td>
            </tr>
        </tbody>
    </table>


<h4>无序列表</h4>
<ul>
    <li>榴莲</li>
    <li>臭豆腐</li>
    <li>鲱鱼罐头</li>
</ul>

<h4>有序列表</h4>
<ol>
    <li>1、榴莲</li>
    <li>2、臭豆腐</li>
    <li>3、鲱鱼罐头</li>
</ol>
</body>

<h4>自定义列表</h4>
<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
</ol>
</body>

</html>